<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{$pageTitle}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit">
    <link href="/assets/css/frontend.css?v=1591674957" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="/assets/js/html5shiv.js"></script>
    <script src="/assets/js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        // var require = {
        //     config: {"site":{"name":"\u4f01\u4e1a\u670d\u52a1","cdnurl":"","version":1591674957,"timezone":"Asia\/Shanghai","languages":{"backend":"zh-cn","frontend":"zh-cn"}},"upload":{"cdnurl":"","uploadurl":"ajax\/upload","bucket":"local","maxsize":"10mb","mimetype":"jpg,png,bmp,jpeg,gif,zip,rar,xls,xlsx,doc,docx,pdf","multipart":[],"multiple":false},"modulename":"index","controllername":"appeal","actionname":"dealpending","jsname":"frontend\/appeal","moduleurl":"\/index","language":"zh-cn","__PUBLIC__":"\/","__ROOT__":"\/","__CDN__":""}    };
    </script>
    <!--<script src="http://cdn.bootcss.com/jquery/1.8.1/jquery.js"></script>-->
    <script src="/assets/js/jquery.js"></script>

    <script src="/assets/js/jquery.dropdown.min.js"></script>

    <link href="/assets/css/user.css?v=1591674957" rel="stylesheet">
    <link href="/assets/css/jquery.dropdown.css?v=1591674957" rel="stylesheet">
    <style>
        .navbar-inverse {
            margin-bottom: 0;
            color: #fff;
            text-align: center;
            font-size: 18px;
            line-height: 50px;
            /*overflow: hidden;*/
            text-overflow: ellipsis;
            white-space: nowrap;
            background-color: #efefef;

        }

        .container {
            overflow: auto;
            padding-right: 0;
            padding-left: 0;
            max-width: 800px;
        }

        main.content {
            margin: 0;
            padding: 0;
            height: auto;
            min-height: calc(100vh - 10px);
            width: 100%;
        }

        .headerbg img {
            width: 100%;
        }

        @media (min-width: 800px) {
            .fix-width {
                width: 800px;
                margin: 0 auto;
            }

            main.content {
                width: 800px;
                margin: 0 auto;
            }
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #a72a2a;
        }

        .navbar-inverse .navbar-nav > li > a {
            color: #fff;
        }

        nav.bottom-nav {
            background-color: #f3f0f0;
            padding-top: 8px;
            height: 50px;
            line-height: 20px;
            font-size: 13px;
        }

        nav.bottom-nav a {
            color: #a72a2a;
        }

        ::-webkit-scrollbar {
            display: none
        }
        .apply-gate{
            line-height: 15px;
            display: inline-block;
            font-size: 15px;
            position: absolute;
            right: 10px;
            /* top: 6px; */
            /* color: #0a6aa1; */
            float: right;
            margin-right: 10px;
        }
        .apply-gate a{
            line-height: 50px;
            color: #fff;
        }
        .apply-list{
            line-height: 50px;
            color: #fff !important;
            display: inline-block;
            font-size: 15px;
            position: absolute;
            left: 10px;
            /* top: 6px; */
            /* color: #0a6aa1; */
            float: left;
            margin-left: 10px;
        }
        .apply-list a{
            color: #fff !important;

        }
        .list-group-item-text a{color:#2c3e50 !important}
        .weui-btn_mini{
            padding:0 1em!important;
        }
    </style>
</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top fix-width bg-red" role="navigation">
    {$go_list}</div>{$pageTitle} 

    
    <div class="apply-gate" style="margin-right: 20%;"><a href="/UiZtG6d305.php/importschool/index/appids/{:$teacherid}" target="_blank">申报导入</a></div>
    

    <div class="apply-gate"><a href="index">申请填报</a></div>
</nav>
<nav class="navbar navbar-inverse navbar-fixed-top fix-width" role="navigation" style="top: 50px">
    <div class="search-box .fix-width">
        <div class="check-search-box" style="display: inline-block;width: 26%;">
            <!-- PS: select标签需手动设置隐藏 -->
            <select style="display:none" id="check-search" placeholder="请选择">
                {volist name="check_option" id="vo"}
                <option value="{$key}">{$vo}</option>
                {/volist}
            </select>
        </div>
        <div class="search-input-box" style="position:relative;display: inline-block;width: 31%;margin: 0 1%;">
            <input class="input-search" placeholder="请输入手机号" type="text" id="keyword-search">
            <!--<a class="search-btn"></a>-->
        </div>
        <div style="position:relative;display: inline-block;width: 15%">
            <button id="formSubmitBtn" type="button" class="weui-btn_mini  weui-btn search_btn  weui-btn_default">搜索
            </button>
        </div>

        {if $is_reception != 0}
        <div style="position:relative;display: inline-block;width: 26%">
            <button type="button" class="weui-btn_mini weui-btn weui-btn_success btn-pass"> 批量审核
            </button>
        </div>
        {/if}

    </div>
</nav>

<main class="content fix-width">
    <style>
        .company_name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        main.content {
            margin: 0;
            padding: 0;
            background-color: #efefef;
            height: 100%;
        }

        main.content div {
            background-color: inherit;

        }

        .list-group {
            width: 100%;
            height: 100%;
            position: absolute;
            /*margin-bottom:45px;*/
            padding-bottom: 50px;
            margin-bottom:0px;
            /*overflow: hidden;*/
        }

        .list-group-item {
            /*margin-right: 30px;*/
            top: 5px;
            display: flex;
        }

        .list-group-item-text {
            padding-left: 15px;
        }

        .search-input-box {
            display: inline-block;
            max-width: calc(100% - 170px);
            border: none;
            /*width: calpx;*/
            background-image: none;
            /*border: 1px solid #ccc;*/
            border-radius: 4px;
            color: #333;
            background-color: #fff;
        }
        .search-input-box input{
            width: 100%;
        }
        .input-search {
            margin-bottom: 0;
            font-size: 14px;
            line-height: 34px;
            /*width: 60%;*/
            vertical-align: middle;
            touch-action: manipulation;
            cursor: pointer;
            user-select: none;
            background-image: none;
            border-radius: 4px;
            color: #333;
            background-color: #fff;
            padding: 0 6px;
            border: 1px solid #ccc;
        }

        .search-btn {
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url('/assets/img/y_icons3.png') no-repeat -3px -5px;
            position: absolute;
            right: 5px;
            top: 9px;
            cursor: pointer;
        }

        .search-box {
            text-align: left;
            padding-left: 5px;
            z-index: 9999;
            font-size: 13px;
        }
        .search-input-box{
            background-color: inherit;
        }
        .check-search-box{
            display: inline-block;
            width: 100px;
            background-color: #fff;
        }

        #listwrap{
            height: calc(100% + 45px);
            padding-top: 110px;
            overflow:auto;
            z-index: 1
        }
        .footer-bar{
            color: #000;
            font-weight: bold;
            font-size: 15px;
            border-top: 1px solid #777;
            /*border: 1px solid #ccc;*/

        }
        .footer-bar .footer-list{
            margin-bottom: 0px;
        }
        .footer-bar .footer-list .list-item{
            display: inline-block;
            width: calc(33.33% - 2px);
            text-align: center;
            cursor: pointer;
            /*border: 1px solid #ccc;*/
        }
        .list-item a{
            color: #000;
        }
        .list-item.item-active{
            border-bottom: 4px solid red;
        }

    </style>
    <div class="list-group">
        <div class="list-main-mian weui-form-preview infinite weui-pull-to-refresh" id="listwrap">

            <!--下拉刷新-->
            <div class="weui-pull-to-refresh__layer" style="padding: 5px;">
                <div class="weui-pull-to-refresh__arrow"></div>
                <div class="weui-pull-to-refresh__preloader"></div>
                <div class="down">下拉刷新</div>
                <div class="up">释放刷新</div>
                <div class="refresh">正在刷新</div>
            </div>
            <div>

                <div class="weui-form-preview" id="Tolist">
                    <!--内容展示区域-->
                </div>
            </div>

            <div class="weui-loadmore" style="padding-bottom:20px;padding-top: 20px;height:20px;">
                <span class="weui-loadmore__tips"><i class="weui-loading"></i>正在加载</span>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-inverse navbar-fixed-bottom fix-width footer-bar" role="navigation">
        <ul class="footer-list">
            <li class="list-item {if $page_type == 'view'}item-active{/if}"><a href="{:url('view')}">审核列表</a></li>
            <li class="list-item {if $page_type == 'log'}item-active{/if}"><a href="{:url('log')}">申请记录</a></li>
            <li class="list-item"><a href="{:url('loginout')}">退出登录</a></li>
        </ul>
    </nav>
</main>
<script>
    $('.check-search-box').dropdown({
        limitCount: 40,
        // multipleMode: 'label',
        searchable: false,
        input: '<input type="text"  placeholder="审核状态">',
        choice: function (val) {
            // console.log(val);
            // console.log($(this).val())
            // console.log(this.name[0].data('id'))
            // console.log(arguments,this);
        }
    });
</script>
</body>
</html>